<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>新增拜访记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/style-hn.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/hn-bfjltb1/bfjltb-add"]
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after {
            font-size: 22px;
            color: #ccc;
            right: -6px;
        }

        .textList .mui-table-view-cell:after {
            height: 1px;
            left: 0;
        }

        .fromlist {
            background: #fff;
        }
        .mui-checkbox input[type=checkbox] {
            top: -12px;
        }
    </style>
</head>

<body>
<div id="gwat161Info">
    <div class="mui-fullscreen flex-container-v">
        <div class="flex-content-center">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul id="address-box" @tap.stop="showCustomers" class="mui-table-view address-box">
                        <li v-show="address.GWAK001" class="mui-table-view-cell mui-media">
                            <a href="javascript:;" class="mui-navigate-right">
                                <div class="mui-media-body">
                                    <p class="margin-l-10">客户：{{address.GWAKL004}}({{address.GWAK030}})</p>
                                    <div class="flex-container-h margin-r-10" style="align-items: baseline;">
                                        <span class="mui-icon mui-icon-location color3"></span>
                                        <p class="mui-ellipsis-2" style="flex: 1;">{{address.GWAK028}}</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li v-show="!address.GWAK001" class="mui-table-view-cell mui-media flex-container-v">
                            <div class="flex-container-h">
                                +<p class="margin-l-10">选择客户/经销商</p>
                            </div>
                        </li>
                    </ul>
                    <ul class="mui-table-view textList">
                        <li @tap.stop="showBfrs" class="mui-table-view-cell">
                            <a class="mui-navigate-right">
                                拜访人<span v-text="sub.GWBN006" style="float: right;margin-right: 20px;"></span>
                            </a>
                        </li>
                    </ul>
                    <div class="fromlist">
                        <div class="mui-row">
                            <div class="fromlist_group fromlist_flex">
                                <div class="mui-col-sm-4 mui-col-xs-4">
                                    <label>拜访日期</label>
                                </div>
                                <div class="mui-col-sm-8 mui-col-xs-8">
                                    <input v-model="sub.GWBN002" type="date">
                                </div>
                            </div>
                            <div class="fromlist_group fromlist_flex">
                                <div class="mui-col-sm-4 mui-col-xs-4">
                                    <label>维系方式</label>
                                </div>
                                <div class="mui-col-sm-8 mui-col-xs-8">
                                    <select v-model="sub.GWBN005" v-cloak>
                                        <option value="1">远程维系</option>
                                        <option value="2">上门拜访</option>
                                        <option value="3">宴请</option>
                                    </select>
                                </div>
                            </div>
                            <div class="fromlist_group fromlist_flex">
                                <div class="mui-col-sm-4 mui-col-xs-4">
                                    <label>拜访目的</label>
                                </div>
                                <div class="mui-col-sm-8 mui-col-xs-8">
                                    <input v-model="sub.GWBN010" type="text" placeholder="请输入拜访目的">
                                </div>
                            </div>
                            <div v-for="bffl in bffls" class="fromlist_group">
                                <div class="mui-col-sm-12 mui-col-xs-12">
                                    <label>{{bffl.GWBFL004}}</label>
                                </div>
                                <div class="mui-col-sm-12 mui-col-xs-12 ">
                                    <textarea style="height: 80px;" v-model="bffl.msg" :placeholder="'请输入'+bffl.GWBFL004"></textarea>
                                </div>
                            </div>
                            <div class="fromlist_group">
                                <div class="mui-col-sm-12 mui-col-xs-12">
                                    <label>主管回复</label>
                                </div>
                                <div class="mui-col-sm-12 mui-col-xs-12">
                                    <input v-model="sub.GWBN012" type="text" readonly>
                                </div>
                            </div>
                            <p class="text-center">
                                <button @tap.stop="submitData" class="btn wf-second-bg">资料提交</button>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>